<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>10-表单控件</title>
</head>
<body>
    <form action="#" target="_blank">
        <!-- text文本框内可输入任何文字 -->
        用户名：<input type="text" name="username" value="请输入用户名" maxlength="6">
        <br />
        <!-- password定义密码 -->
        密码：<input type="password" name="pwd" >
        <br />


        <!-- radio定义单选，实现多选一 -->
        <!-- 在表单控件intput中加入name属性，且属性值相同，才可实现多选一 -->
        <!-- 当表单提交到后台时单选选了哪个，从此选项的value值中后台可得知该用户选择了哪个选项 -->
        <!-- 单选按钮和复选框可以使用checked属性，页面打开是默认选择此按钮 -->
        性别：男 <input type="radio" name="sex" value="男"> 女 <input type="radio" name="sex" value="女">
        <br />
        <!-- checkbox定义复选框 -->
        爱好：1 <input type="checkbox" name="hobby" value="1"> 2 <input type="checkbox" name="hobby" value="2"> 3 <input type="checkbox" name="hobby" value="3"> 

         <br /><input type="radio" name="sb" value="11" checked="checked">  lbwnb

        <br /><input type="reset" value="重置">
         <!-- 点击了提交按钮，可以把表单域form里面的表单兀素里面的值提交给后台服务器 -->
         <br /><input type="submit" value="开冲！！！">
         <!-- 自定义按钮，后期结合js使用 -->
        <br /><input type="button" value="获取验证码">
        <!-- 文件域，上传文件 -->
        <br />上传文件<input type="file" >
    </form>
</body>
</html>